
.scroll-content{
	background-color: #f5f5f5;
}
.bg-fff{
	background-color: #FFF;
}
input[type='date']{
	-webkit-appearance:none;border:none;outline:none;
	width: 100%;
}

.tabs-positive>.tabs{
	background-color: #FFF;
	border-color:#ddd !important;
	background-image: linear-gradient(0deg,#ddd,#ddd 50%,transparent 50%);
	.tab-item{
		.icon{
			background-repeat: no-repeat !important;
			background-size: contain !important;
			background-position: center center !important;
			height: 47px;
			&.ion-main{
				background: url("../img/tab1.jpg");
			}
			&.ion-chat{
				background: url("../img/tab2.jpg");
			}
			&.ion-check{
				background: url("../img/tab3.jpg");
			}
			&.ion-user{
				background: url("../img/tab4.jpg");
			}
		}
		&.tab-item-active{
			.ion-main{
				background: url("../img/tab1_cli.jpg");
			}
			.ion-chat{
				background: url("../img/tab2_cli.jpg");
			}
			.ion-check{
				background: url("../img/tab3_cli.jpg");
			}
			.ion-user{
				background: url("../img/tab4_cli.jpg");
			}
		}
	}
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
a{
	text-decoration: none;
}
.btn-post{
	&.activated{
		color: #000 !important;
	}
}
input::-webkit-input-placeholder{
	color: #ccc;
}
textarea::-webkit-input-placeholder{
	color: #ccc;
}

.ph{
	color: #ccc;
}
.button{
	line-height: 20px;
	height: 35px;
	background-color: #39d167;
	font-size: 20px;
	color: #fff;
	&.gray{
		background-color: #cccccc;
		color: #888888;
		&.activated{
			background-color: #cccccc;
			color: #888888;
			box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);
		}
		&.active{
			background-color: #cccccc;
			color: #888888;
			box-shadow: 0px 2px 2px #ccc inset;
		}
		&:hover{
			color: #888888;
		}
	}
	&.activated{
		background-color: #39d167;
		color: #fff;
		box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);
	}
	&.active{
		background-color: #39d167;
		color: #fff;
		box-shadow: 0px 2px 2px #ccc inset;
	}
	&:hover{
		color: #fff;
	}
}

.logo{
	width: 150px;
	height: 152px;
	margin: 50px auto;
	img{
		width: 100%;
		height: 100%;
	}
}
.silde{
	ul[rn-carousel]{
		width: 100%;
		height: 100%;
		li{
			img{
				width: 100%;
			}
		}
	}


}

.sbutton {
    margin: 30px 10px;
    height: 40px;
    border-radius: 5px;
    background-color: #39d167;
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    font-weight: bolder;
}

.form{
	.f-block{
		background-color: #FFF;
		margin-bottom: 15px;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		&.mt{
			margin-top: 15px;
		}
		.row{
			margin-top: -1px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			padding-top: 0px;
			padding-right: 0px;
			.txt{
				font-weight: bold;
				color: #000;
			}
			&.ipt{
				height: 35px;
				line-height: 35px;
			}
			.col{
				padding-top:0px;
				padding-bottom: 0px;
				padding-right: 0px;
				border-top: solid 1px #ddd;
				border-bottom: solid 1px #ddd;
				position: relative;
				&.tar{
					text-align: right;
					padding-right: 10px;
				}
				.r-arrow{
					width: 19px;
					height: 34px;
					background-image: url("../img/r-arrow.jpg");
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					top: 0px;
					right: 10px;
				}
				&.phone{
					border-left: solid 1px #ddd;
				}
				.name{
					line-height: 30px;
					font-weight: bold;
					margin-bottom: 0px;
				}
				.txt-area{
					width: 100%;
					margin-bottom: 20px;
				}
			}
			&:last-child{
				.col{
					border-bottom: none;
				}
			}
		}
	}
}


.succ{
	background-color: #ffffff;
	text-align: center;
	img{
		margin-top: 55px;
		width: 173px;
	}
	p{
		font-size: 18px;
		font-weight: bold;
		color: #323232;
		margin-top: 40px;
		text-align: center;
	}
}
.item-input-inset{
	padding-right: 10px;
	padding-left: 5px;
}

.loading{
	.box{
		position: relative;
		img{
			width: 100%;
		}
		.btns{
			position: absolute;
			width: 100%;
			height: 35px;
			bottom: 100px;
			text-align: center;
		}
		.btn-in{
			width: 150px;
			height: 100%;
			color: #45f079;
			border: solid 2px #45f079;
			border-radius: 4px;
			background-color: #FFF;
			font-size: 20px;
		}
	}
}
.item-remove-animate{
	.item-content{
		padding: 0px;
	}
}